﻿<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="slider.ascx.vb" Inherits="Core.slider" %>
<div class="slideWrap" style="">
	<!-- BEGIN TOP SLIDE-->
	<script>
		$(function () {
			$('#slides').slides({
				preload: true,
				preloadImage: '/static/outSite/images/Slide/loading.gif',
				play: 2000,
				pause: 2500,
				hoverPause: false,
				animationStart: function (current) {
					$('.caption').animate({
						bottom: -35
					}, 100);
					if (window.console && console.log) {
						// example return of current slide number
						console.log('animationStart on slide: ', current);
					};
				},
				animationComplete: function (current) {
					$('.caption').animate({
						bottom: 0
					}, 200);
					if (window.console && console.log) {
						// example return of current slide number
						console.log('animationComplete on slide: ', current);
					};
				},
				slidesLoaded: function () {
					$('.caption').animate({
						bottom: 0
					}, 200);
				}
			});
		});
	</script>
	<div id="slides">
		<div class="slides_container" id="slidesContent" runat="server">
			
			
		</div>
        <a href="#" class="prev"></a>
        <a href="#" class="next"></a>
	</div> <!-- end div id="slides" -->
	<img src="/static/outSite/images/Slide/example-frame.png" alt="Example Frame" id="frame">
</div><!-- end div slideWrap -->